<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>排行榜</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
    text-decoration: none;
    color: black;
}
a:hover{
    color: red;
}
a:active{
    color: aqua;
}
        header{
            width: 100%;
            height: 20px;
            background-color: rgb(222, 219, 219);
            font-size: 12px;
            text-align: center;
        }
        .nav1{
            float: left;
            padding-left: 50px;
        }
        .nav2{
            float: right;
            padding-right: 50px; 
        }
        .div1 img{
            margin-left: 100px;
            height: 50px;
            width: 180px;
        }
        .thre1{
    background-color: red;
    color: aliceblue;
}
.thre1 a:hover{
    color: white;
}
.div2{
    font-weight: bold;
    margin-top: 30px;
    text-align: center;
}
.div2 a{
    margin-left: 50px;
}
.div3{
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}
.div3 a{
    margin-left: 30px;
}
.thre3{
    color: aquamarine;
}
.div4{
        margin: auto;
        width: 1540px;
        height: 470px;
        background-color: white;
        position: relative;
}
.four{
    position: absolute;
    height: 370px;
    width: 250px;
    left: 330px;
}
.four img{
    height: 350px;
    width: 250px;
}
.four1{
    position: absolute;
    height: 370px;
    width: 250px;
    background-color: #f8f8f8d4;
    left: 580px;
}
.four1 img{
    height: 250px;
    width: 250px;
}
.four2{
    position: absolute;
    height: 370px;
    width: 250px;
    background-color: #f8f8f8d4;
    left: 830px;
}
.four2 img{
    height: 250px;
    width: 250px;
}
.four3{
    position: absolute;
    height: 370px;
    width: 250px;
    background-color: #f8f8f8d4;
    left: 1080px;
}
.four3 img{
    height: 250px;
    width: 250px;
}
.two{
    top: -50px;
        margin: auto;
        width: 1540px;
        height: 470px;
        background-color: white;
        position: relative;
}
.four4{
    position: absolute;
    height: 370px;
    width: 250px;
    left: 330px;
}
.four4 img{
    height: 250px;
    width: 250px;
}
.four5{
    position: absolute;
    height: 370px;
    width: 250px;
    background-color: #f8f8f8d4;
    left: 580px;
}
.four5 img{
    height: 250px;
    width: 250px;
}
.four6{
    position: absolute;
    height: 370px;
    width: 250px;
    background-color: #f8f8f8d4;
    left: 830px;
}
.four6 img{
    height: 250px;
    width: 250px;
}
.four7{
    position: absolute;
    height: 370px;
    width: 250px;
    background-color: #f8f8f8d4;
    left: 1080px;
}
.four7 img{
    height: 250px;
    width: 250px;
}
.five1{
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 150px;
    margin-top: 50px;
}
.five1 span{
    margin-left: 150px;
}
.ff{
    margin-left: 110px;
    text-align: center;
}
.kll{
    text-align: center;
    font-size: 12px;
}
.kll span{
    margin-left: 80px;
}
.kl1{
    text-align: center;
    font-size: 12px;
}
.kl1 span{
    margin-left: 10px;
}
.kl2{
    text-align: center;
    font-size: 12px;
}
.kl2 span{
    margin-left: 10px;
}
.kl3{
    text-align: center;
    font-size: 12px;
}
.kl3 span{
    margin-left: 10px;
}
.kl4{
    text-align: center;
    font-size: 12px;
}
.kl4 span{
    margin-left: 10px;
}
.ten1{
    display: block;
    margin: auto;
}
    </style>
</head>
<body>
    <header>
    <div class="nav1">
        <span>中国大陆版 - 山西</span>
        <span>| 名称</span>
        <span>| 切换至企业版</span>
    </div>
    <div class="nav2">
        <span>购物车 |</span>
        <span>我的订单</span>
        <span>我的京东</span>
        <span>企业采购</span>
        <span>商家服务</span>
        <span>网站导航</span>
        <span>手机京东</span>
        <span>网站无障碍</span>
    </div>
    </header>
    <div class="div1">
        <img src="../image/logo.ico" alt="">
        <span class="first"><input type="search" style="width: 550px; height: 40px; margin-left: 200px;"><button style="height: 40px; width: 70px;">搜索</button></span>
           <button style="color: red; margin-left: 30px; line-height: 3em;">我的购物车
        <img src="../image/购物车.png" alt="">
    </div>
    <div class="div2">
            <a href="" class="thre1">全部商品分类</a>
            <a href="">大牌奥莱</a>
            <a href="">美妆馆</a>
            <a href="">超市</a>
            <a href="">生鲜</a>
            <a href="">京东国际</a>
            <a href="">拍卖</a>
            <a href="">金融</a>
            <a href="">京东五金城</a>
        </div>
        <hr style="height: 3px; background-color: red;">
        <div class="div3">
                <a href="" class="thre3">推荐</a>
                <a href="">电脑</a>
                <a href="">宠物</a>
                <a href="">潮玩</a>
                <a href="">国际</a>
                <a href="">文具</a>
                <a href="">家具</a>
                <a href="">童装</a>
                <a href="">家电</a>
                <a href="">美妆</a>
                <a href="">奢品</a>
                <a href="">图书</a>
                <a href="">鞋包</a>
                <a href="">珠宝</a>
        </div><br>
        <div class="div4">
            <div class="four">
                    <img src="../image/jingdong11.png" alt="">
                </div>
            <div class="four1">
                    <img src="../image/jingdong3.png" alt="">
                    <p class="js"><a href="">亿鹊YEE QE全自动麻将</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;60</strong></h3>
                </div>
                <div class="four2">
                    <img src="../image/jingdon1.png" alt="">
                    <p class="js"><a href="">耐克(NIKE)男鞋春季新</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;349</strong></h3>
                </div>
                <div class="four3">
                    <img src="../image/jingdong4.png" alt="">
                    <p class="js"><a href="">中国黄金（CHINA）</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;26829</strong></h3>
                </div>
        </div>
        <div class="two">
            <div class="four4">
                    <img src="../image/jingdong5.png" alt="">
                    <p class="js"><a href="">亿鹊YEE QE全自动麻将</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;60</strong></h3>
                </div>
                <div class="four5">
                    <img src="../image/jingdong6.png" alt="">
                    <p class="js"><a href="">耐克(NIKE)男鞋春季新</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;349</strong></h3>
                </div>
                <div class="four6">
                    <img src="../image/jingdong2222222.png" alt="">
                    <p class="js"><a href="">中国黄金（CHINA）</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;26829</strong></h3>
                </div>
                <div class="four7">
                    <img src="../image/jingdon2.png" alt="">
                    <p class="js"><a href="">中国黄金（CHINA）</a></p>
                    <p class="yell">7天无理由退货|7天保价</p>
                    <h3><strong>&yen;26829</strong></h3>
                </div>
        </div>
        <div class="ten1">
        <div class="five1">
            <span>品类齐全, 轻松购物</span>
            <span>多仓直发，极速配送</span>
            <span>正品行货，精致服务</span>
            <span>天天低价，畅选无忧</span>
        </div>
        <div class="ten">
            <table border="1" frame="hsides" rules="none" style="width: 1400px; height: 130px; font-size: 12px;"
                class="ff">
                <th>
                <td>购物指南</td>
                <td>配送方式</td>
                <td>支付方式</td>
                <td>售后服务</td>
                <td>特色服务</td>
                </th>
                <tr>
                    <td></td>
                    <td>购物流程</td>
                    <td>上门自提</td>
                    <td>货到付款</td>
                    <td>售后政策</td>
                    <td>夺宝岛</td>
                </tr>
                <tr>
                    <td></td>
                    <td>生活旅行</td>
                    <td>配送服务查询</td>
                    <td>分期付款</td>
                    <td>退款说明</td>
                    <td>延款服务</td>
                </tr>
                <tr>
                    <td></td>
                    <td>常见问题</td>
                    <td>配送费收取标准</td>
                    <td>邮局汇款</td>
                    <td>返修/退换货</td>
                    <td>京东E卡</td>
                </tr>
                <tr>
                    <td></td>
                    <td>大家电</td>
                    <td>海外配送</td>
                    <td>公司转账</td>
                    <td>取消订单</td>
                    <td>京东通信</td>
                </tr>
                <tr>
                    <td></td>
                    <td>联系客服</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>京东JD+</td>
                </tr>
            </table>
            <div class="kll">
                <span>关于我们</span><span>联系客服</span><span>合作招商</span><span>商家帮助</span><span>营销中心</span><span>手机京东</span><span>友情链接</span><span>销售联盟</span><span>京东公益</span><span>Media
                    & IR</span>
            </div><br>
            <div class="kl1">
                <span>京公网安备 11000002000088号|</span><span>京ICP备11041704号|</span><span> ICP|</span><span>
                    药品医疗器械网络信息服务备案|</span><span>自营医疗器械经营资质|</span><span>药品网络交易第三方平台备案凭证|</span><span>新出发京零
                    字第大120007号</span>
            </div><br>
            <div class="kl2">
                <span>互联网出版许可证编号新出网证(京)字150号|</span><span> 出版物经营许可证|</span><span>违法和不良信息举报电话：4006561155</span>
            </div><br>
            <div class="kl3">
                <span>Copyright © 2004 - 2025 京东JINGDONG 版权所有|</span><span>消费者维权热线：4006067733 <a
                        href="">经营执照</a></span><span> 医疗器械第三方平台备案凭证（京）网械平台备字（2023）第00013号 |</span><span> 营业执照
                    |</span><span> 增值电信业务经营许可证</span><br>
            </div>
            <div class="kl4">
                <span>京东旗下网站 ：京东钱包 </span><span> 京东云</span>
            </div>
        </div>
        </div>
</body>
</html>